<!DOCTYPE html>
<html>
<head>
    <title>{$site_name}-蓝图</title>
    <meta name="keywords" content="日新圆桌 日新分享课 日新研习社"/>
    <meta name="description" content="日新网―让新生活更近一点，让科技落地更从容一点。旗下拥有创新行业资讯日新网、
            创新专业培训日新研习社、创新企业孵化成长日新商脉三款产品，以住宅、商业地产、
            写字楼等不同业态物业经营的增效减能与增值创新以及服务标准化、
            物业智能化、信息化等策略方向的创新为主要研究内容，共同助力日新网成为物业行业创新风向标。">
    <meta name="author" content="rixin">
    <meta name="referrer" content="origin">
    <tc_include file="Public:head"/>
    <style>
        *{
            /*margin: 0;*/
            /*padding: 0;*/
        }
        html,body{
            height: 100%;
            line-height: 1;
        }
        body {
            padding-top: 56px!important;
        }
        .moretext2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; text-overflow: ellipsis}
        .moretext7 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:7; overflow: hidden; text-overflow: ellipsis}
        .main{
            min-height: 100%;
        }
        .main .focus {
            position: relative;
        }
        .main .focus img {
            display: block;
            width: 100%;
            height: auto;
        }
        .main .title {
            color: #000232;
            font-size: 28px;
            margin: 66px 0 35px;
            text-align: center;
            letter-spacing: 3px;
            font-weight: bolder;
        }
        .main .title:before,.main .title:after {
            position: relative;
            display: inline-block;
            top: -8px;
            content: '';
            width: 67px;
            height: 1px ;
            background-color: #0929c6;;
            margin:0 10px
        }
        .main .solution {
            font-size: 24px;
            letter-spacing: 2px;
            color: #707070;
            text-align: center;
            line-height: 40px;
            height: 40px;
        }
        .main .solution-item {
            display: inline-block;
            padding-left: 60px;
        }

        .main .solution-item.icon1{
            background: url("/public/images/lantu/icon1.png") no-repeat left center;
            -webkit-background-size: 40px 40px;
            background-size: 40px 40px;
        }
        .main .solution-item.icon2{
            background: url("/public/images/lantu/icon2.png") no-repeat left center;
            -webkit-background-size: 40px 40px;
            background-size: 40px 40px;
            margin: 0 180px;
        }
        .main .solution-item.icon3{
            background: url("/public/images/lantu/icon3.png") no-repeat left center;
            -webkit-background-size: 40px 40px;
            background-size: 40px 40px;
        }
        .main .process {
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 24px;
            color: #707070;
        }
        .main .process-item {
            margin:0 50px;
        }
        .main .process-item .img-group {
            width: 64px;
            height: 64px;
            margin: 0 auto;
        }
        .main .process-item .arrow-icon{
            width: 14px;
            height: 15px;
        }
        .main .process-item .img-group img {
            width: 100%;
            height: 100%;
        }
        .main .process-item p {
            margin-top: 22px;
            color: #707070;
        }
        .main .tab {
            display: flex;
            justify-content: center;
            margin-top: 88px;
            font-size: 28px;
            line-height: 76px;
            letter-spacing: 3px;
            text-align: center;
            font-weight: bolder;
        }
        .main .tab-item{
            width: 298px;
            height: 76px;
            background-color: rgba(93,141,254,.05);
            border-radius: 36px;
            margin: 0 100px;
            position: relative;
        }
        .main .tab-item a {
            color: #3a5af5;
        }
        .main .tab-item:after{
            position: absolute;
            right: 20px;
            content: '';
            width: 18px;
            height: 76px;
            background: url("/public/images/lantu/arrow2.png") center no-repeat;
            background-size: 18px 20px;
        }
        .main .special {
            display: flex;
            flex-wrap: wrap;
            width: 1220px;
            margin: 0 auto 20px;
        }
        .main .special-item {
            position: relative;
            width: 584px;
            height: 320px;
            box-sizing: border-box;
            padding-left: 32px;
            border: 1px solid #efefef;
            margin: 0 13px 26px;
        }
        .main .special-item .left-part {
            width: 210px;
            float: left;
        }
        .main .special-item h3{
            font-size: 24px;
            line-height: 28px;
            letter-spacing: 1px;
            margin-top: 30px;
            font-weight: bolder;
        }
        .main .special-item .text {
            height: 142px;
            font-size: 16px;
            line-height: 20px;
            color: #707070;
            letter-spacing: 2px;
            margin-top: 28px;
        }
        .main .special-item .right-part {
            width: 298px;
            height: 318px;
            float: right;
        }
        .main .special-item .right-part img {
            height: 100%;
            width: 100%;
        }
        .main .special-item .btm-icon{
            position: absolute;
            left: 32px;
            bottom: 32px;
            font-size: 14px;
            letter-spacing: 1px;
            color: #5d8dfe;

        }

    </style>
</head>
<body class="body-white">
<tc_include file="Public:nav"/>
<div class="main">
    <div class="focus">
        <img src="/public/images/lantu/focus.png" alt="">
    </div>
    <div class="title">解决方案</div>
    <div class="solution">
        <div class="solution-item icon1">剖析社区底层需求</div>
        <div class="solution-item icon2">重构产品服务模式</div>
        <div class="solution-item icon3">制定可行性解决方案</div>
    </div>
    <div class="title" style="margin-top: 77px;">执行流程</div>
    <div class="process">
        <div class="process-item">
            <div class="img-group">
                <img src="/public/images/lantu/icon4.png" alt="">
            </div>
            <p>行业研讨</p>
        </div>
        <div class="process-item">
            <img  class="arrow-icon" src="/public/images/lantu/arrow.png" alt="">
        </div>
        <div class="process-item">
            <div class="img-group">
                <img src="/public/images/lantu/icon5.png" alt="">
            </div>
            <p>立项实操</p>
        </div>
        <div class="process-item">
            <img class="arrow-icon" src="/public/images/lantu/arrow.png" alt="">
        </div>
        <div class="process-item">
            <div class="img-group">
                <img src="/public/images/lantu/icon6.png" alt="">
            </div>
            <p>合作推广</p>
        </div>
    </div>
    <div class="tab">
        <div class="tab-item"><a href="http://rixins-lantu.mikecrm.com/1cXuOST">创新项目申请</a></div>
        <div class="tab-item"><a href="http://rixins-lantu.mikecrm.com/lCbxHuE">物业公司申请</a></div>
    </div>
    <div class="title" style="margin-top: 88px;">精选专题</div>
    <div class="special">
        <volist name="subjects" id="vo">
            <div class="special-item">
                <a href="{:U('Portal/Blueprint/info', ['id' => $vo['id']])}">
                    <div class="left-part">
                        <h3 class="moretext2">{$vo.name}</h3>
                        <p class="text moretext7">{$vo.policy}</p>
                        <div class="btm-icon">{$vo['category_names'][0]}</div>
                    </div>
                    <div class="right-part">
                        <img src="{:sp_get_asset_upload_path($vo['surface_img'])}" alt="">
                    </div>
                </a>
            </div>
        </volist>
    </div>
</div>
<tc_include file="Public:footer"/>
<tc_include file="Public:scripts"/>
<script src="/public/js/jquery.js"></script>
</body>
</html>